<template>
  <div class="grid grid-rows-2 grid-cols-1 gap-4 md:grid-cols-2 md:grid-rows-1">
    <div class="flex justify-center flex-col p-10 min-h-52">
      <div class="text-2xl font-bold font-sans text-left dark:text-white ali-font">首页</div>
      <n-card>
        <n-space>
          <z-demo :info="{name:1}"></z-demo>
        </n-space>
      </n-card>
      <img src="@/assets/images/img-signin.jpg" class="max-h-full max-w-full"/>

      <img src="@/assets/images/img-signin.jpg" class="max-h-full max-w-full"/>

    </div>
    <div
        class="rounded-md flex items-center justify-center text-2xl font-extrabold overflow-hidden"
    >
      <img src="@/assets/images/img-signin.jpg" class="max-h-full max-w-full"/>
    </div>
  </div>
</template>
<script lang="ts" setup>

</script>

<style lang="less" scoped>

</style>
